@charset "utf-8";
@import 'reset';
$fontSize:40;
@function r($p) {
    @return $p/$fontSize*1rem;
}
html,body{
    font-size: $fontSize;
    width: 100%;
    height: 100%;
    background: #7F7F7F;
    
}
.web{
    width: 100%;
    height: 100%;
    background: #7F7F7F;
    
}
.poput_con{
    
}
.popup_content{
    width: r(640);
    height: 100%;
    background: #7F7F7F;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    .t_title{
        width: r(492);
        margin-top: r(200);
        margin-bottom: r(100);
        img{
            width: r(492);
            height: r(95);
        }
    }
    .btn_ico{
        width: r(640);
//      margin: 0 auto;
        ul{
            width: r(640);
            margin:0 auto;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
            li{
                width:r(200);
                display: flex;
                justify-content: center;
                align-items: center;
                flex-wrap: wrap;
                margin-bottom: r(43);
                .img{
                    width: r(126);
                    height: r(126);
                    border:1px solid #FFFFFF;
                    border-radius:50% ;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    img{
                    width: r(68);
                }
                }
                
                p{
                    width: r(200);
                    text-align: center;
                    font-size: r(24);
                    color: #FFFFFF;
                    padding-top: r(17);
                }
                
            }
        }
    }
    .close_btn{
        width: r(55);
        margin-top:r(100) ;
        img{
            width: r(55);
        }
    }
}
